<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>xx动漫资讯</title>
    <link rel="stylesheet" href="css/global.css">
    <link rel="stylesheet" href="css/main.css">
    <link rel="stylesheet" href="css/iconfont.css">
    <script src="js/jquery-2.1.0.js"></script>
</head>

<body class="page-source">
    <div class="header">
        <div class="w1200 clearfix">
            <h1 class="logo fl">
                <img src="img/logo1.png" alt="">
            </h1>
            <ul class="nav fr clearfix">
                <li><a href="index.html">首页</a></li>
                <li><a href="bike.html">国漫人物</a></li>
                <li><a href="news.html">国漫资讯</a></li>
                <li><a href="comic.html" class="active">速看漫画</a></li>
                <li><a href="">国漫推荐</a></li>
            </ul>
        </div>
    </div>
    <div class="container p0 mb50">
        <div class="view">
            <div class="view-bg">
                <div class="sr-bg__cover" style="filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=63)"></div>
                <img src="img/detail_bg.jpg" alt="">
            </div>
            <div class="main clearfix">
                <div class="info clearfix">
                    <img class="sr-bcover" src="img/cdb2.jpg">
                    <div class="detail f-pr">
                        <div class="detail__header">
                            <h2>关于我转生变成史莱姆这档事</h2>
                        </div>
                        <div class="detail__middle mt30">
                            <dl class="sr-dl">
                                <dt>作者</dt>
                                <dd>伏濑-川上泰树</dd>
                                <dt>状态</dt>
                                <dd>连载中</dd>
                                <dt>题材</dt>
                                <dd>
                                    <a title="冒险" href="" target="_blank">冒险</a>
                                    <a title="魔幻" href="" target="_blank">魔幻</a>
                                </dd>
                            </dl>
                            <div class="detail__desc">
                                <dl>
                                    <dt>简介</dt>
                                    <dd>
                                        普通上班族三上悟，男，单身。某日意外遇刺身亡，享年37岁。然而不可思议的是他竟然意外转生为异世界的魔物“史莱姆”，就此开始了异世界的冒险生涯……。
                                    </dd>
                                </dl>
                            </div>
                        </div>

                    </div>
                </div>
                <div class="set-con">
                    <div class="Mtit clearfix">
                        <h3 class="fl">剧集介绍</h3>
                    </div>
                    <!-- <ul class="set-list clearfix">
                        <li class="active">
                            <a href="javascript:;" title="第一集">
                                <span>1</span>
                            </a>
                        </li>
                        <li>
                            <a href="javascript:;" title="第二集">
                                <span>2</span>
                            </a>
                        </li>
                        <li>
                            <a href="javascript:;" title="第三集">
                                <span>3</span>
                            </a>
                        </li>
                        <li>
                            <a href="javascript:;" title="第四集">
                                <span>4</span>
                            </a>
                        </li>
                        <li>
                            <a href="javascript:;" title="第五集">
                                <span>5</span>
                            </a>
                        </li>
                        <li>
                            <a href="javascript:;" title="第六集">
                                <span>6</span>
                            </a>
                        </li>
                        <li>
                            <a href="javascript:;" title="第七集">
                                <span>7</span>
                            </a>
                        </li>
                        <li>
                            <a href="javascript:;" title="第八集">
                                <span>8</span>
                            </a>
                        </li>
                        <li>
                            <a href="javascript:;" title="第9集">
                                <span>9</span>
                            </a>
                        </li>
                        <li>
                            <a href="javascript:;" title="第10集">
                                <span>10</span>
                            </a>
                        </li>
                        <li>
                            <a href="javascript:;" title="第11集">
                                <span>11</span>
                            </a>
                        </li>
                        <li>
                            <a href="javascript:;" title="第12集">
                                <span>12</span>
                            </a>
                        </li>
                        <li>
                            <a href="javascript:;" title="第13集">
                                <span>13</span>
                            </a>
                        </li>
                        <li>
                            <a href="javascript:;" title="第14集">
                                <span>14</span>
                            </a>
                        </li>
                        <li>
                            <a href="javascript:;" title="第15集">
                                <span>15</span>
                            </a>
                        </li>
                        <li>
                            <a href="javascript:;" title="第16集">
                                <span>16</span>
                            </a>
                        </li>
                    </ul> 
                    <div class="j-load-more-button m-load-more-sm">
                        点击展开更多目录<span class="sr-icon z-middle"></span>
                    </div>-->
                    <div class="set_Detail">
                        <div class="tit">
                            <h2>第一集 罗天大醮</h2>
                        </div>
                        <div class="takeaway">
                            老天师决定让非自己门下的张楚岚继承天师之位，这一举动使得其他的十佬大为不满并提出在罗天大醮举办选拔会来选出继承者，陆瑾虽然看不上十佬别有所图的建议但还是拿出了通天箓作为大赛的奖励。选拔会胜者不仅可以成为天师的继承者，还会得到八大秘术之一的通天箓，世界各地的异人纷纷出发前往罗天大醮参加比试。
                        </div>
                        <p>老天师决定让非自己门下的张楚岚继承天师之位，这一举动使得其他的十佬大为不满并提出在罗天大醮举办选拔会来选出继承者，陆瑾虽然看不上十佬别有所图的建议但还是拿出了通天箓作为大赛的奖励。选拔会胜者不仅可以成为天师的继承者，还会得到八大秘术之一的通天箓，世界各地的异人纷纷出发前往罗天大醮参加比试。</p>
                        <p class="tc">
                            <img src="img/set1.png" alt="">
                        </p>
                        <p>
                            老天师决定让非自己门下的张楚岚继承天师之位，这一举动使得其他的十佬大为不满并提出在罗天大醮举办选拔会来选出继承者，陆瑾虽然看不上十佬别有所图的建议但还是拿出了通天箓作为大赛的奖励。选拔会胜者不仅可以成为天师的继承者，还会得到八大秘术之一的通天箓，世界各地的异人纷纷出发前往罗天大醮参加比试。
                        </p>
                        <p class="tc">
                            <img src="img/set1.png" alt="">
                        </p>
                    </div>
                </div>
                <div class="set_btn mt30">
                    <a href="javascript:;">上一集</a>
                    <a href="javascript:;">下一集</a>
                </div>
            </div>
        </div>
    </div>
    <div class="footer">
        <div class="mod-footer-border"></div>
        <div class="w1200">
            <ul class="footer-nav clearfix">
                <li>
                    <a href="">首页</a>
                </li>
                <li>
                    <a href="">国漫人物</a>
                </li>
                <li>
                    <a href="">国漫资讯</a>
                </li>
                <li>
                    <a href="">速看漫画</a>
                </li>
                <li>
                    <a href="">国漫推荐</a>
                </li>
                <li>
                    <a href="">关于我们</a>
                </li>
                <li>
                    <a href="">友情链接</a>
                </li>
            </ul>
            <div class="footer-info">
                <p>Copyright©2017- 2018 xx漫画. All Rights Reserved</p>
                <p>xx网络有限公司 湘ICP备16029788号-7 </p>
            </div>
        </div>
    </div>
    <div class="set-btn">
        <div class="btn back_top">TOP</div>
        <div class="btn prev"><i class="iconfont icon-arrow-back"></i> </div>
        <div class="choose-box">
            <div class="btn choose"> 选集</div>
            <ul>
                <li class="current">
                    <a href="javascript:;" title="第一集">
                        <span>1</span>
                    </a>
                </li>
                <li>
                    <a href="javascript:;" title="第一集">
                        <span>2</span>
                    </a>
                </li>
                <li>
                    <a href="javascript:;" title="第一集">
                        <span>3</span>
                    </a>
                </li>
                <li>
                    <a href="javascript:;" title="第一集">
                        <span>4</span>
                    </a>
                </li>
                <li>
                    <a href="javascript:;" title="第一集">
                        <span>5</span>
                    </a>
                </li>
                <li>
                    <a href="javascript:;" title="第一集">
                        <span>6</span>
                    </a>
                </li>
                <li>
                    <a href="javascript:;" title="第一集">
                        <span>7</span>
                    </a>
                </li>
                <li>
                    <a href="javascript:;" title="第一集">
                        <span>8</span>
                    </a>
                </li>
                <li>
                    <a href="javascript:;" title="第一集">
                        <span>9</span>
                    </a>
                </li>
                <li>
                    <a href="javascript:;" title="第一集">
                        <span>10</span>
                    </a>
                </li>
                <li>
                    <a href="javascript:;" title="第一集">
                        <span>11</span>
                    </a>
                </li>
                <li>
                    <a href="javascript:;" title="第一集">
                        <span>12</span>
                    </a>
                </li>
                <li>
                    <a href="javascript:;" title="第一集">
                        <span>13</span>
                    </a>
                </li>
                <li>
                    <a href="javascript:;" title="第一集">
                        <span>14</span>
                    </a>
                </li>
                <li>
                    <a href="javascript:;" title="第一集">
                        <span>15</span>
                    </a>
                </li>
            </ul>
        </div>


        <div class="btn next"><i class="iconfont icon-arrow-back"></i></div>


    </div>
    <script>
        window.onload = function () {
            $(".set-list li").click(function () {
                $(this).addClass("active").siblings("li").removeClass("active");
            });
            var Rw = (document.documentElement.clientWidth - 1200) / 2;
            console.log(Rw);
            $(".set-btn").css("right", Rw - 36);

            $(".choose-box").hover(function () {
                $(".set-btn ul").addClass("show-set");
            }, function () {
                $(".set-btn ul").removeClass("show-set");
            });

            /*返回顶部*/
            $(".back_top").hide();
            $(window).scroll(function () {
                if ($(document).scrollTop() > 600) {
                    $(".back_top").show();
                } else {
                    $(".back_top").fadeOut(200);
                }
            });
            $(".back_top").bind("click", function () {
                var winTop = $(window).scrollTop();
                $('body,html').animate({
                    scrollTop: 0
                }, winTop / 6);
            });

        }
    </script>
</body>

</html>